/*option{
	background-color: red;
}*/
@const CHROME-TEXT: #ddd;
widget#tree { 
  background: linear-gradient(top, #171717,#47484B);
  size: *;
  prototype: VirtualTree url(../widgets/virtual-tree.tis); 
  overflow-y: scroll-indicator;
  overflow-x: hidden; 
  border:none !important;

}

widget#tree option {
  color: @CHROME-TEXT;
  font-size: 18dip;
  background-image: none;
  foreground-image:stock:arrow-se;
  margin: 0;
  padding-top: 3dip;
  padding-bottom: 3dip;
  cursor:pointer;
}
widget#tree option:node:collapsed{
  foreground-image:stock:arrow-e-hollow;
}
widget#tree option:current {
  color: gold;
}

widget#tree option > text {
    background-image: none;
    size: *;

}
widget#tree option > text:hover{
  padding-right: 0;
  /*color: #00ffff;*/
}
widget#tree option > text:hover::before 
{ 
  content: "\5B\20";
}
widget#tree option > text:hover::after 
{ 
  content: "\20\5D";
}




